<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="dtt" uri="http://www.appx.top/dateTimeTag" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>${av.title}-燎火的个人博客</title>
    <%@include file="inc/_header.jsp"%>

    <style type="text/css">
        body{
            padding-bottom: 50px;
        }
        hgroup{
            color:gray;
        }
        .createTime span{
            font-style: italic;
        }
    </style>
</head>
<body>
<c:set var="nav_article" value="true"></c:set>
<%@include file="inc/_nav.jsp"%>
<article class="container">
    <header>
        <h1>${av.title}</h1>
    </header>
    <hgroup>${av.profile}</hgroup>

    <p>
        <pre class="article_content">
    ${av.content}
</pre>

    </p>

    <aside class="pull-right">
        作者:<a href="#">${av.author}</a>&nbsp;
        <span class="post_comment">
            <i class="glyphicon glyphicon-pencil"></i>
            <a class="grayline" title="最新评论时间：${av.lastCommentTime}" href="#">评论(${av.commentCount})</a>
        </span>
        <span class="post_view">
            <i class="glyphicon glyphicon-eye-open"></i>
            <a href="#">阅读(${av.readCount})</a>
        </span>
        <span class="post_recomend">
            <i class="glyphicon glyphicon-thumbs-up"></i>
            <a href="#">推荐(${av.recommendCount})</a>
        </span>

        <time datetime="${av.createTime}" class="createTime">
            创建时间:<span>
            <dtt:dateformat time="${av.createTime}" format="yyyy-mm-ss HH:MM:ss"></dtt:dateformat>
        </span>
        </time>
    </aside>
    <aside>
        分类:<a href="/article/list.do?m=${av.folderId}">${av.folderRname}</a>
    </aside>
    <hr>
</article>
<aside class="container">
    <pre>
        努力加载评论中...
    </pre>
</aside>
<aside>
    <style type="text/css" scoped>
        .tool{
            display:inline;
            position: fixed;
            bottom:100px;
            right:20px
        }
        .item{
            margin: 1px;
        }
        .item .btn{
            padding: 6px 12px;
        }
        #totop{
            cursor:pointer;
            display:none;
        }

    </style>
    <span class="tool pull-right">
        <a href="#aaa" class="item" id="writeComment" title="写评论">
            <i class="btn btn-default">
                <i  class="glyphicon glyphicon-pencil"></i>
            </i>
        </a>
         <div class="item" id="share" title="分享">
             <i class="btn btn-default">
                 <i class="glyphicon glyphicon-share"></i>
             </i>
         </div>
         <div class="item" id="totop" title="到顶部">
             <i class="btn btn-default">
                 <i class="glyphicon glyphicon-plane"></i>
             </i>
         </div>

    </span>
    <script type="text/javascript" src="/style/toTop/js/manhuatoTop.1.0.js"></script>
    <script type="text/javascript">
        $(function (){
            $(window).manhuatoTop({
                showHeight : 200,//设置滚动高度时显示
                speed : 500 //返回顶部的速度以毫秒为单位
            });
        });
    </script>
</aside>


<aside class="container">
    <table>
        <tr>
            <td>
                内容:
            </td>
            <td>
                <textarea></textarea>
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <input class="btn btn-default" type="button"  value="提交评论"/>
            </td>
        </tr>

    </table>

    写评论
    <a name="aaa"></a>
</aside>

<%@include file="inc/_footer.jsp"%>
</body>
</html>
